// 定义通用颜色变量（示例，如果有更多颜色相关可按需扩展），方便统一管理和修改颜色值
@main-color: red;

.red {
  color: @main-color!important;
}

.search {
  width: 300px;
  margin: 20px 0;
}

.my-form {
  display: flex;
  margin: 20px 0;
  input {
    flex: 1;
    margin-right: 20px;
  }
}

.table > :not(:first-child) {
  border-top: none;
}

.contain {
  display: flex;
  padding: 10px;
  // 媒体查询部分利用LESS嵌套语法，使结构更清晰
  @media screen and (max-width: 1000px) {
    flex-wrap: wrap;
    .list-box {
      width: 100%;
    }
    .echarts-box {
      margin-top: 30px;
    }
  }
}

.list-box {
  flex: 1;
  padding: 0 30px;
  a {
    text-decoration: none;
  }
}

.echarts-box {
  width: 600px;
  height: 400px;
  padding: 30px;
  margin: 0 auto;
  border: 1px solid #ccc;
}

tfoot {
  font-weight: bold;
}
